<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		/*li {
			line-height: 68px;
			margin: 10px;
			background-color: green;
			font-size: 32px;
			color: #fff;
		}*/
		#asd {
			width: 300px;
			white-space: nowrap;
			overflow:auto;
			border: 1px solid red;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		#asd li {
			width:100px;
			/*float: left;*/
			background-color: #ccc;
			cursor: pointer;
			display: inline-block;
		}
	</style>
</head>
<body>
	<ul id="asd">
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
	</ul>
	<img src="" id="asdf">
	<a href="#qwe">锚点</a>
	<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
		<li id="qwe" name='qwe'>5</li>
		<li>6</li>
		<li>7</li>
		<li>8</li>
		<li>9</li>
		<li>10</li>
		<li>11</li>
		<li>12</li>
		<li>13</li>
		<li>14</li>
		<li>15</li>
		<li>16</li>
		<li>17</li>
		<li>18</li>
		<li>19</li>
	</ul>
</body>
<script>
	window.onload=function() {
		var pic="http://img.tgljweb.com/psb (11).jpg";
		var btn=document.querySelector('#asdf');
		console.log(btn)
		btn.src=pic;
	}
</script>
</html>
